<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>PayList</title>
<style>
   body{
     margin:0;
     background:url('images/bodyBg.jpg');
}
ul{
    list-style:none;
	margin:0;
	padding:0;
}
.wrap{
    width:1000px;
	height:500px;
	margin:50px auto;
}
.wrap li{
    position:relative;
    float:left;
    width:180px;
	height:105px;
	margin:30px 5px;
	background-color:rgba(0,0,0,0.5);
}
.wrap li:before,
.wrap li:after{
    content:'';
	position:absolute;
	left:0;
	top:0;
    width:180px;
	height:105px;
	background-color:rgba(0,0,0,0.5)
}
.wrap li:before{
    transform:rotate(-60deg);
}
.wrap li:after{
    transform:rotate(60deg);
}
 .wrap .important{
    margin-left:100px;
}
.wrap img{
    position:absolute;
	z-index:1;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	transition:1.5s;
}
.wrap img:hover{
    transform:rotate(360deg) scale(1.4);
}
</style>
</head>
<body>
<embed src="images/отрава музыка - Дай Мне Минуту С Тобой.mp3" width="0" height="0"></embed>
<div class="wrap">
      <ul>
	  <li><a href="images/222.mp4"><img src='images/11.jpg'></a></li>
	  <li><a href="https://i.qq.com/?rd=1"><img src='images/22.jpg'></a></li>
	  <li><a href="https://www.taobao.com/?spm=a2e15.8261149.1581860521.1.3a5029b45ZNIaY"><img src='images/33.png'></a></li>
	  <li><a href="https://www.baidu.com"><img src='images/44.jpg'></a></li>
	  <li><a href="images/777.mp4"><img src='images/123456.jpg'></a></li>
	  <li class="important"><a href="images/刘宸旭.txt"><img src='images/55.jpg'></a></li>
	  <li><a href="https://www.bilibili.com/"><img src='images/66.png'></a></li>
	  <li><a href="http://www.youku.com/"><img src='images/77.jpg'></a></li>	 
	  <li><a href="https://lol.qq.com/"><img src='images/88.jpg'></a></li>
	  <li><a href="images/555.jpg"><img src='images/99.jpg'></a></li>
      <li><a href="images/666.gif"><img src='images/00.png'></a></li>
      <li><a href="images/444.jpg"><img src='images/123.jpg'></a></li>
      <li><a href="https://www.zut.edu.cn/"><img src='images/1234.png'></a></li>
      <li><a href="https://y.qq.com/"><img src='images/12345.jpg'></a></li>
	</ul>
  </div>

</body>
<!-- import Vue before Element -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>
	new Vue({
		el : '#app',
		data : function() {
			return {
				visible : false
			}
		}
	})
</script>
</html>